<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>档案号打印</title>
  <script src="../utils/jquery-3.6.0.js"></script>
  <link rel="stylesheet" href="../css/File number printing.css" />
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" />

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
</head>

<body>
    <div class="mainContainer">
      <!-- 左侧导航 -->
      <!-- 左侧部分 -->
      <div class="left">
        <!-- logo -->
        <div class="logo">
          <img src="../images/logo.png" alt="" />
          <h5>数字化档案管理</h5>
        </div>

        <!-- 导航 -->
        <div class="menus">
          <ul class="menus-list">
            <li class="menus-nosubmenu">
              <a href="./home.html" class="menus-item">首界面</a>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">案卷管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./management.html" class="menus-item">签收管理</a>
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">库房管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./storeHouse.html" class="menus-item">库房信息</a>
                </li>
                <li>
                  <a href="./storeShelf.html" class="menus-item">库架信息</a>
                </li>
                <li>
                  <a href="./LayerInformation.html" class="menus-item"
                    >层格信息</a
                  >
                </li>
                <li>
                  <a href="./BoxInformation.html" class="menus-item"
                    >盒子信息</a
                  >
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">入库管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./File warehousing.html" class="menus-item"
                    >档案入库</a
                  >
                </li>
                <li>
                  <a href="./Inventory records.html" class="menus-item"
                    >入库记录</a
                  >
                </li>
                <li><a href="JavaScript:;" class="menus-item">盒号打印</a></li>
                <li>
                  <a href="./File number printing.html" class="menus-item"
                    >档案号打印</a
                  >
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">档案管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./archiveManagement.html" class="menus-item"
                    >退/还案管理</a
                  >
                </li>
                <li>
                  <a href="./archiveManagementDetail.html" class="menus-item"
                    >退/还案明细</a
                  >
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">移库管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./system-archives.html" class="menus-item"
                    >档案移库</a
                  >
                </li>
                <li>
                  <a href="./system-detail.html" class="menus-item">移库明细</a>
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">档案影像</a>
              <ul class="menus-list">
                <li><a href="JavaScript:;" class="menus-item">影像查询</a></li>
                <li><a href="JavaScript:;" class="menus-item">影像录入</a></li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">实体借阅</a>
              <ul class="menus-list">
                <li>
                  <a href="./entityBorrowapplication.html" class="menus-item"
                    >借阅申请</a
                  >
                </li>
                <li><a href="JavaScript:;" class="menus-item">借阅审批</a></li>
                <li><a href="JavaScript:;" class="menus-item">借阅出库</a></li>
                <li><a href="JavaScript:;" class="menus-item">借阅归还</a></li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">电子借阅</a>
              <ul class="menus-list">
                <li>
                  <a href="./BorrowingApply.html" class="menus-item"
                    >借阅申请</a
                  >
                </li>
                <li>
                  <a href="./BorrowingExamination.html" class="menus-item"
                    >借阅审批</a
                  >
                </li>
                <li>
                  <a href="./BorrowingDetail.html" class="menus-item"
                    >借阅明细</a
                  >
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">统计报表</a>
              <ul class="menus-list">
                <li><a href="JavaScript:;" class="menus-item">签收统计</a></li>
                <li><a href="JavaScript:;" class="menus-item">入库统计</a></li>
                <li>
                  <a href="JavaScript:;" class="menus-item">电子借阅统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">实体借阅统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">档案库存数统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">档案状态统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">用户登录统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">影像上传统计</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">影像浏览统计</a>
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">日志管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./logManagement.html" class="menus-item"
                    >系统操作日志</a
                  >
                </li>
                <li>
                  <a href="./ImageryBrowsingLogs.html" class="menus-item"
                    >影像浏览日志</a
                  >
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">影像上传日志</a>
                </li>
                <li>
                  <a href="JavaScript:;" class="menus-item">用户登录日志</a>
                </li>
              </ul>
            </li>
            <li class="menus-submenu">
              <a href="JavaScript:;" class="menus-item">系统管理</a>
              <ul class="menus-list">
                <li>
                  <a href="./systemUser.html" class="menus-item">用户管理</a>
                </li>
                <li>
                  <a href="./systemRole.html" class="menus-item">角色管理</a>
                </li>
                <li>
                  <a href="./systemGrade.html" class="menus-item">等级管理</a>
                </li>
                <li><a href="JavaScript:;" class="menus-item">机构管理</a></li>
                <li><a href="JavaScript:;" class="menus-item">流程管理</a></li>
                <li><a href="JavaScript:;" class="menus-item">档案轨迹</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    <!-- 右侧数据 -->
    <div class="right-nav">
      <!-- 上面导航 -->
      <div class="table">
        <!-- 第一排 -->
        <div class="table-one">
          <div>
            <span class="glyphicon glyphicon-list navIcon"></span>
          </div>
          <div class="listnav-right">
            <span class="glyphicon glyphicon-bell navIcon"></span>
            <span class="glyphicon glyphicon-user navIcon"></span>
            <span class="user-name"> Admin </span>
          </div>
        </div>
        <!-- 第二排 面包屑 -->
        <div class="table-two">
          <ol class="breadcrumb breadcrumb-bg">
            <li><a href="#">入库管理</a></li>
            <li class="active">档案号打印</li>
          </ol>
        </div>
      </div>

      <!-- 查询 -->
      <div class="table-list">
        <!-- 第一排 -->
        <div class="table-list-one">
          收件编号<input type="text" placeholder="收件编号" class=" form-control searchInp" id="searchInp" />
          <button type="button" class="btn btn-default  searchBtn">
            查询
          </button>
          <div class="num-list-title">档案号列表</div>
          <!-- 第二排 -->
          <div class="table-list-two">
            <button type="button" class="btn btn-default " data-toggle="modal" data-target="#myModal">
              添加入库
            </button>

            <button type="button" class="btn btn-default delBtn">
              取消入库
            </button>
          </div>
          <!-- 下面的表 -->
          <div class="table-list1">
            <table class="table table-striped table-bordered table-hover">
              <thead>
                <tr class="info">
                  <td><input type="checkbox" id="c1" /></td>
                  <td>序号</td>
                  <td>收件编号</td>
                  <td>档案号</td>
                  <td>文件号</td>
                  <td>签收员</td>
                  <td>签收时间</td>
                </tr>
              </thead>
              <tbody>
                <!-- <tr>
                  <td class="col-md-1"><input type="checkbox" /></td>
                  <td class="col-md-2">01</td>
                  <td class="col-md-2">012022000001</td>
                  <td class="col-md-3">20220704003</td>
                  <td class="col-md-4">1-1-1-001</td>
                </tr> -->
              </tbody>
            </table>
          </div>
          <div class="page-nav">
            <nav aria-label="Page navigation">
              <ul class="pagination">
                <li>
                  <a href="#" class="prev">
                    <span>&laquo;</span>
                  </a>
                </li>
                <!-- <li><a href="#">1</a></li>
                <li><a href="#">2</a></li> -->
                <li>
                  <a href="#" class="next">
                    <span>&raquo;</span>
                  </a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="myModalLabel">添加入库</h4>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="exampleInputEmail1">序号</label>
                <input type="text" class="form-control addId" />
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">收件编号</label>
                <input type="text" class="form-control addReceiptNum" />
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">档案号</label>
                <input type="text" class="form-control addFileNum" />
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">文件编号</label>
                <input type="text" class="form-control addBoxNum" />
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">签收员</label>
                <input type="text" class="form-control addUser" />
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">签收时间</label>
                <input type="text" class="form-control addTime" />
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
            <button type="button" class="btn btn-primary addSaveBtn">
              保存
            </button>
          </div>
        </div>
      </div>
    </div>





</body>
<script src="../js/File number printing.js"></script>

</html>